<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>GMAT</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!--[if IE 7]>
<style type="text/css">
	/* style only IE 7 */
    #search-gmat input.text {
    	padding-top:5px;
        height:21px;
        float:left;
        display:block;
    }
    #cols3-container div.left-menu li {height:24px;}
</style>
<![endif]-->
<!--[if IE 8]>
<style type="text/css">
	/* style only IE 8 */
    #search-gmat input.text {
    	padding-top:5px;
        height:21px;
        display:block;
    }
    ul.top-menu li {float:left; padding:11px 19px 4px 19px;}
    div.comment-sub img.space {height:1px; width:24px;}
</style>
<![endif]-->
<!--[if IE 9]>
<style type="text/css">
	/* style only IE 9 */
    ul.top-menu li {float:left; padding:11px 19px 4px 19px;}
    
    ul.top-menu li.home, ul.top-menu li.home-selected, ul.top-menu li.home:hover {width:40px;}
    ul.top-menu li.profile, ul.top-menu li.profile-selected, ul.top-menu li.profile:hover {width:46px;}
    ul.top-menu li.test, ul.top-menu li.test-selected, ul.top-menu li.test:hover {width:29px;}
    ul.top-menu li.tools, ul.top-menu li.tool-selecteds, ul.top-menu li.tools:hover {width:37px;}
    ul.top-menu li.group, ul.top-menu li.group-selected, ul.top-menu li.group:hover {width:44px;}
    ul.top-menu li.forums, ul.top-menu li.forums-selected, ul.top-menu li.forums:hover {width:53px;}
    ul.top-menu li.blog, ul.top-menu li.blog-selected, ul.top-menu li.blog:hover {width:32px;}
</style>
<![endif]-->
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
	$(function() {
		$("#account").click(function() {
			if($(this).attr("class") == "account") {
				$("#account-sub").show();
				$(this).removeClass("account").addClass("account-selected");
			} else {
				$(this).removeClass("account-selected").addClass("account");
				$("#account-sub").hide();
			}
		});
	});
</script>
</head>

<body class="cols3">
<div class="cols3-head">
	<div id="header-gmat">
    	<div class="col207">
        	<div id="logo-gmat">
                <a href=""><img src="images/logo.png" width="129" height="48" alt="GMAT" /></a>
            </div>
        </div>
        <div class="col328">
        	<div id="search-gmat">
                <form name="search" id="search" method="post" action="" onsubmit="">
                	<ul class="frm">
                        <li class="q">
                            <input type="text" class="text" name="q" id="q" value="Search" />
                        </li>
                        <li class="search">
                            <input type="submit" class="btn" value="" />
                        </li>
                    </ul>
                </form>
                <div class="clr"></div>
            </div>
        </div>
        <div class="col258">
        	<div id="user-gmat">
            	<ul>
                    <li class="has-sub">
                    	<a id="account" href="#" class="account">Account</a>
                        <ul id="account-sub" class="sub" style="display:none;">
                        	<li><a href="">Account</a></li>
                            <li><a href="">Upgrade account</a></li>
                            <li><a href="" class="last">Sign out</a></li>
                        </ul>
                    </li>
                    <li><a href="" class="home">PracticeMekesPerfect</a></li>
                </ul>
            </div>
        </div>
        <div class="clr"></div>
        <div class="col1090">
        	<ul class="top-menu">
            	<li class="home-selected"><a href="">Home</a></li>
                <li class="practice"><a href="">Practice</a></li>
                <li class="test"><a href="">Test</a></li>
                <li class="tools"><a href="">Tools</a></li>
                <li class="group"><a href="">Group</a></li>
                <li class="forums"><a href="">Forums</a></li>
                <li class="blog"><a href="">Blog</a></li>
            </ul>
        </div>
    </div>
    <!-- end header -->
</div>
<div id="cols3-container">
	<div id="cols3-inner">
    	<div id="cols3-left">
        	<div class="col207">
                <div id="left-gmat">
                    <div class="inner">
                        <div class="user-info solid">
                            <a href="">
                                <img src="images/avatar.jpg" alt="" />
                                <span>Nghiêm Anh Tuấn</span>
                            </a>
                            <div class="clr"></div>
                        </div>
                        <div class="left-menu">
                            <ul>
                                <li>
                                    <a href="">
                                    	<span class="ra">Recent Activities</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                    	<span class="gu">Group Updates</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                    	<span class="fu">Forum Updates</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end cols 3 left -->
        <div id="cols3-right">
        	<div class="col200">
                <div id="right-gmat">
                    <div class="ga">
                        google adsense
                    </div>
                    <div class="popular">
                        <h2>Popular search</h2>
                        <div class="right-menu">
                            <ul>
                                <li>
                                    1. <a href="">GMAT</a>
                                </li>
                                <li>
                                    2. <a href="">Test IQ</a>
                                </li>
                                <li>
                                    3. <a href="">Vocabulary</a>
                                </li>
                                <li>
                                    4. <a href="">Performance</a>
                                </li>
                                <li>
                                    5. <a href="">Problem Solving</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end cols 3 right -->
        <div id="cols3-center">
            <div class="colpl22">
                <div id="center-gmat">
                    <div class="block-gmat view-content">
                        <h1>
                        	<a href="">Public Group</a>
                            <a href="" class="btn"><img src="images/btn-manager.png" alt="" /></a>
                        </h1>
                        <div id="share">
                        	<form name="frm_share" id="frm-share" action="" onsubmit="" method="post">
                            	<div class="txt-area">
                                	<textarea name="post" id="post"></textarea>
                                </div>
                                <div class="bottom">
                                	<input type="button" value="" class="btn" />
                                </div>
                            </form>
                        </div>
                        <div class="comment-info">
                            <a href="">
                                <img src="images/avatar.jpg" alt="" />
                                <span>Nghiêm Anh Tuấn</span>
                            </a>
                            <span>
                                Hi all, how can we crack the weakening question easily? Please show me the clue?
                            </span>
                            <p class="time">1 day ago</p>
                        </div>
                        <div class="comment-sub">
                            <table cellpadding="0" cellspacing="0" border="0" width="100%">
                                <tr>
                                    <td width="25" height="11" style="background:url('images/br-tl.png') top left no-repeat;"><img src="images/space.gif" alt="" class="space" /></td>
                                    <td width="99%" height="11" style="background:url('images/br-t.png') top left repeat-x;"> </td>
                                    <td width="25" height="11" style="background:url('images/br-tr.png') top right no-repeat;"><img src="images/space.gif" alt="" class="space" /></td>
                                </tr>
                                <tr>
                                    <td colspan="3" style="border-left:1px solid #8cbeff; border-right:1px solid #8cbeff; background-color:#f8f8f8; padding:5px 9px 0 9px;">
                                        <div class="comment-sub-info comment-dotted">
                                            <a href="">
                                                <img src="images/avatar.jpg" alt="" />
                                                <span>Nghiêm Anh Tuấn</span>
                                            </a>
                                            <span>
                                                Hi all, how can we crack the weakening question easily? Please show me the clue?
                                            </span>
                                            <p class="time">1 day ago</p>
                                            <div class="clr"></div>
                                        </div>
                                        <div class="comment-sub-info comment-dotted">
                                            <a href="">
                                                <img src="images/avatar.jpg" alt="" />
                                                <span>Nghiêm Anh Tuấn</span>
                                            </a>
                                            <span>
                                                Hi all, how can we crack the weakening question easily? Please show me the clue?
                                            </span>
                                            <p class="time">1 day ago</p>
                                            <div class="clr"></div>
                                        </div>
                                        <div class="comment-sub-info">
                                            <form name="frm-comment19810404" id="frm-comment19810404" method="post" action="" onsubmit="">
                                                <table cellpadding="0" cellspacing="0" border="0" width="100%">
                                                    <tr>
                                                        <td width="40">
                                                            <a href="">
                                                                <img src="images/avatar.jpg" alt="" />
                                                            </a>
                                                        </td>
                                                        <td>
                                                            <textarea name="comment19810404" id="comment19810404">Write comment...</textarea>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </form>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td width="25" height="11" style="background:url('images/br-bl.png') bottom left no-repeat;"> </td>
                                    <td width="517" height="11" style="background:url('images/br-b.png') top left repeat-x;"> </td>
                                    <td width="25" height="11" style="background:url('images/br-br.png') bottom right no-repeat;"> </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="clr"></div>
    </div>
</div>
<div class="cols3-foot">
	<!-- footer -->
    <div id="footer-gmat">
    	<div class="inner">
            <ul>
                <li class="fl">
                    PracticeMakesPerfect @ 2011-2012
                </li>
                <li class="fr">
                    <a href="">Contact Us</a> | 
                    <a href="">Term of Service</a> | 
                    <a href="">Privacy</a>
                </li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>
